
//归属部门选择器
(function($, doc) {
	$.init();
	$.ready(function() {
		/**
		 * 获取对象属性的值
		 * 主要用于过滤三级联动中，可能出现的最低级的数据不存在的情况，实际开发中需要注意这一点；
		 * @param {Object} obj 对象
		 * @param {String} param 属性名
		 */
		var _getParam = function(obj, param) {
			return obj[param] || '';
		};
		//普通示例
		//归属部门选择器
		var userPicker = new $.PopPicker();
		userPicker.setData([{
			value: '0',
			text: '全行'
		}, {
			value: '1',
			text: '海外业务管理部'
		}, {
			value: '2',
			text: '对公'
		}, {
			value: '3',
			text: '公司银行部'
		}, {
			value: '4',
			text: '交易银行部'
		}, {
			value: '5',
			text: '金融机构部'
		}, {
			value: '6',
			text: '零售'
		}, {
			value: '7',
			text: '按揭及抵押贷款部'
		}, {
			value: '8',
			text: '证券部'
		}, {
			value: '9',
			text: '信用卡及无抵押贷款部'
		}]);
		var showUserPickerButton = doc.getElementById('showUserPicker');
		var userResult = doc.getElementById('userResult');
		showUserPickerButton.addEventListener('tap', function(event) {
			userPicker.show(function(items) {
				var a=JSON.stringify(items[0].text);
				userResult.innerText = JSON.parse(a);
				//返回 false 可以阻止选择框的关闭
				//return false;
			});
		}, false);
		
	});
})(mui, document);

//日期选择器
(function($) {
	$.init();
	var result = $('#result')[0];
	var btns = $('.btn');
	btns.each(function(i, btn) {
		btn.addEventListener('tap', function() {
			var _self = this;
			if(_self.picker) {
				_self.picker.show(function (rs) {
					result.innerText = rs.text;
					_self.picker.dispose();
					_self.picker = null;
				});
			} else {
				var year=new Date().getFullYear();
				var month=new Date().getMonth();
				_self.picker = new mui.DtPicker({
					type:"month",
					beginDate: new Date(2016,12),
					endDate: new Date(year,month-1),
				});
				/*
				var optionsJson = this.getAttribute('data-options') || '{}';
				var options = JSON.parse(optionsJson);
				var id = this.getAttribute('id');
				
				 * 首次显示时实例化组件
				 * 示例为了简洁，将 options 放在了按钮的 dom 上
				 * 也可以直接通过代码声明 optinos 用于实例化 DtPicker
				 
				_self.picker = new $.DtPicker(options);
				*/
				_self.picker.show(function(rs) {
					/*
					 * rs.value 拼合后的 value
					 * rs.text 拼合后的 text
					 * rs.y 年，可以通过 rs.y.vaue 和 rs.y.text 获取值和文本
					 * rs.m 月，用法同年
					 * rs.d 日，用法同年
					 * rs.h 时，用法同年
					 * rs.i 分（minutes 的第二个字母），用法同年
					 */
					result.innerText =  rs.text;
					/* 
					 * 返回 false 可以阻止选择框的关闭
					 * return false;
					 */
					/*
					 * 释放组件资源，释放后将将不能再操作组件
					 * 通常情况下，不需要示放组件，new DtPicker(options) 后，可以一直使用。
					 * 当前示例，因为内容较多，如不进行资原释放，在某些设备上会较慢。
					 * 所以每次用完便立即调用 dispose 进行释放，下次用时再创建新实例。
					 */
					_self.picker.dispose();
					_self.picker = null;
				});
			}
			
		}, false);
	});
})(mui);



//产品选择器
(function($, doc) {
	$.init();
	$.ready(function() {
		/**
		 * 获取对象属性的值
		 * 主要用于过滤三级联动中，可能出现的最低级的数据不存在的情况，实际开发中需要注意这一点；
		 * @param {Object} obj 对象
		 * @param {String} param 属性名
		 */
		var _getParam = function(obj, param) {
			return obj[param] || '';
		};
		//普通示例
		//产品选择器
		var daikuanPicker = new $.PopPicker();
		daikuanPicker.setData([{
			value: '0',
			text: '全部存款'
		}, {
			value: '1',
			text: '往来存款'
		}, {
			value: '2',
			text: '储蓄存款'
		}, {
			value: '3',
			text: '定期存款'
		}]);
		var showDaikuanPickerButton = doc.getElementById('showDaikuanPicker');
		var daikuanResult = doc.getElementById('daikuanResult');
		showDaikuanPickerButton.addEventListener('tap', function(event) {
			daikuanPicker.show(function(items) {
				var a=JSON.stringify(items[0].text);
				daikuanResult.innerText = JSON.parse(a);
				//返回 false 可以阻止选择框的关闭
				//return false;
			});
		}, false);
		
	});
})(mui, document);


//统计周期选择器
(function($, doc) {
	$.init();
	$.ready(function() {
		/**
		 * 获取对象属性的值
		 * 主要用于过滤三级联动中，可能出现的最低级的数据不存在的情况，实际开发中需要注意这一点；
		 * @param {Object} obj 对象
		 * @param {String} param 属性名
		 */
		var _getParam = function(obj, param) {
			return obj[param] || '';
		};
		//普通示例
		//统计周期选择器
		var tongjiPicker = new $.PopPicker();
		tongjiPicker.setData([{
			value: '0',
			text: '当月'
		}, {
			value: '1',
			text: '年初至今'
		}]);
		var showTongjiPickerButton = doc.getElementById('showTongjiPicker');
		var tongjiResult = doc.getElementById('tongjiResult');
		showTongjiPickerButton.addEventListener('tap', function(event) {
			tongjiPicker.show(function(items) {
				var a=JSON.stringify(items[0].text);
				tongjiResult.innerText = JSON.parse(a);
				//返回 false 可以阻止选择框的关闭
				//return false;
			});
		}, false);
		
	});
})(mui, document);


//利息分类选择器
(function($, doc) {
	$.init();
	$.ready(function() {
		/**
		 * 获取对象属性的值
		 * 主要用于过滤三级联动中，可能出现的最低级的数据不存在的情况，实际开发中需要注意这一点；
		 * @param {Object} obj 对象
		 * @param {String} param 属性名
		 */
		var _getParam = function(obj, param) {
			return obj[param] || '';
		};
		//普通示例
		//利息分类选择器
		var bizhongPicker = new $.PopPicker();
		bizhongPicker.setData([{
			value: '0',
			text: '客户利息'
		}, {
			value: '1',
			text: '资金转移定价'
		}, {
			value: '2',
			text: '净利息收入（不含LM2）'
		}, {
			value: '3',
			text: '净利息收入（含LM2）'
		}]);
		var showBizhongPickerButton = doc.getElementById('showBizhongPicker');
		var bizhongResult = doc.getElementById('bizhongResult');
		showBizhongPickerButton.addEventListener('tap', function(event) {
			bizhongPicker.show(function(items) {
				var a=JSON.stringify(items[0].text);
				bizhongResult.innerText = JSON.parse(a);
				//返回 false 可以阻止选择框的关闭
				//return false;
			});
		}, false);
		
	});
})(mui, document);